@charset "UTF-8";
/**
 * 通过css3 icon图标
 */
$rem:1rem/32;
$em:1em/16;


//箭头
//组件通过em设定重置组件大小通过重置父节点fontsize
//
//
.iicon-arrow{
	&:before{
		content: '';
		display: inline-block;
		width:$em*20;
		height: $em*20;
		border:1px solid #000;
		border-right-width: 0;
		border-top-width:0;
		transition: transform 0.25s ease-in-out;
		transition: -webkit-transform 0.25s ease-in-out;
	}
	&-bottom{
		&:before{
			vertical-align: super;
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
		}
	}
	&-top{
		&:before{
			vertical-align: sub;
			transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
		}
	}
	&-right{
		&:before{
			vertical-align: middle;
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
		}
	}
	&-left{
		&:before{
			vertical-align: middle;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		}
	}
}
